<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" scope="page"></c:set>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户图片展示</title>
 <%@ include file="../../jsp/common.jsp" %> 
<style type="text/css">
*{padding:0; margin:0}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px}
.mod_gallerylist{width:665px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px}
.meta a{color:#333; text-decoration:none}
</style>
<script type="text/javascript" src="${basePath}/static/plugins/switchImag/js/mootools-core.js"></script>
<script type="text/javascript" src="${basePath}/static/plugins/switchImag/js/mediabox.js"></script>

<script type="text/javascript" src="${basePath}/static/plugins/imagecanvas/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="${basePath}/static/plugins/imagecanvas/js/jquery.rotate.js"></script>
<script type="text/javascript">
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
</script>
</head>
<body>
<form id="checkImg" method="post" action="${basePath}/subImg">
<div style="background:#FFF; padding:50px; height:460px">
<!--效果开始-->

<div class="mod_gallerylist">

 
    <!-- img0101start -->
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0101}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0101}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0101}"   />
     <span>本人照片</span>
  </div>
 
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0102}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0102}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0102}"   />
     <span>身份证正面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0103}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0103}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0103}"   />
     <span>身份证反面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0104}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0104}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0104}"   />
     <span>行驶证</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0105}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0105}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0105}"   />
     <span>行驶证</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0106}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0106}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0106}"   />
     <span>交强险</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0107}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0107}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0107}"   />
     <span>商业险</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0108}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0108}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0108}"   />
     <span>保险收益人变更前</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0109}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0109}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0109}"   />
     <span>保险收益人变更后</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0110}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0110}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0110}"   />
     <span>银行卡反面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0111}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0111}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0111}"   />
     <span>银行卡正面 </span>
  </div>
  
  <!-- img0201start -->
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0201}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0201}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0201}"   />
     <span>申请表</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0202}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0202}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0202}"   />
     <span>交接单</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0203}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0203}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0203}"   />
     <span>免付单</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0204}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0204}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0204}"   />
     <span>定金收据</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0205}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0205}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0205}"   />
     <span>有线GPS照片</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0206}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0206}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0206}"   />
     <span>机动车抵押合同正面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0207}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0207}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0207}"   />
     <span>机动车抵押合同反面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0208}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0208}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0208}"   />
     <span>融资租赁合同正面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0209}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0209}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0209}"   />
     <span>融资租赁合同反面</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0210}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0210}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0210}"   />
     <span>注册登记信息表1</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0211}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0211}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0211}"   />
     <span>注册登记信息表2</span>
  </div>
  
  <!-- img0301start -->
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0301}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0301}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0301}"   />
     <span>左前方</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0302}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0302}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0302}"   />
     <span>左侧</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0303}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0303}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0303}"   />
     <span>前排座椅</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0304}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0304}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0304}"   />
     <span>仪表盘</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0305}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0305}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0305}"   />
     <span>后排座椅</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0306}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0306}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0306}"   />
     <span>中控版</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0307}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0307}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0307}"   />
     <span>车尾</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0308}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0308}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0308}"   />
     <span>后备箱地板</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0309}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0309}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0309}"   />
     <span>右后方</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0310}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0310}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0310}"   />
     <span>发动机机舱</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0311}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0311}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0311}"   />
     <span>出厂铭牌</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0312}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0312}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0312}"   />
     <span>无线GPS照片</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0313}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0313}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0313}"   />
     <span>验车单</span>
  </div>
   
   <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0417}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0417}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0417}"   />
     <span>房产证明</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0418}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0418}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0418}"   />
     <span>房产证明</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0419}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0419}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0419}"   />
     <span>房产证明</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0420}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0420}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0420}"   />
     <span>房产证明</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0421}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0421}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0421}"   />
     <span>房产证明</span>
  </div>
  <div class="layout_default">
    <p class="info"><span class="date"></span> <span class="author"></span></p>
    <div   class="image_container">
    <a href="${orders.img0422}" rel="lightbox[ostec]" title="图像1">
     <img src="${orders.img0422}"     width="200" height="120" alt="图像1" > </a>
    </div>
     <input type="checkbox" name="img" value="${orders.img0422}"   />
     <span>房产证明</span>
  </div>
  
</div>
<!-- 隐藏域 方便取值    -->
  <input type="hidden" name="id" value="${orders.id}"/>
  <input type="hidden" name="name" value="${orders.name}"/>
</div>
<div class="layout_default">
	<input type="submit" name="str"  value="通过" />
	<input type="submit" name="str" value="驳回" />
</div>
</form>
 
</body>
</html>